import { createApp } from 'vue'
import Message from '@/components/Message/Message.vue'
type MessageType = 'success' | 'error' | 'default'
const createMessage = (message:string,msgType:MessageType,timeout = 2000) => {
    // 创建节点的实例
    const messageInstance = createApp(Message,{
        message,
        msgType
    })

    // 创建节点
    const mountNode = document.createElement('div')
    document.body.appendChild(mountNode)
    messageInstance.mount(mountNode) // 挂载

    // 隔一段时间，自动清除
    setTimeout(() => {
        // messageInstance.unmount(mountNode) // 老的版本是需要传递参数的
        messageInstance.unmount() // 新的版本不需要传递参数
        document.body.removeChild(mountNode)
    },timeout)
    
}

export default createMessage